<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Fresh Pineapples</title>
        <link href="../raxan/ui/css/master.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 8]><link rel="stylesheet" href="../raxan/ui/css/master.ie.css" type="text/css"><![endif]-->
        <link href="../raxan/ui/css/default/theme.css" rel="stylesheet" type="text/css" />
    </head>

    <body class="softyellow">

        <div class="rax-content-pal rax-box-shadow container round c39 tpm dbl-pad">
            <h1 class="bottom">Fresh Pineapples</h1>
            <hr />
            <h2>A basic web page layout using the Raxan Framework</h2>
            <hr />

            <div class="container">
                <div class="column c16 colborder">
                    <img class="left" src="views/images/pineapples.gif" width="128" height="144" alt="" />
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut tortor. Nullam purus. Sed mi ipsum, hendrerit a, sodales id, pretium non, turpis. Praesent porta, lectus sit amet varius convallis, lacus turpis malesuada libero, vitae euismod erat risus scelerisque nunc. Vivamus facilisis, urna et tristique tempor, mi nulla egestas erat, quis viverra nisi libero sit amet diam. Morbi vel diam.
                </div>

                <div class="column c16 colborder">
				Nam quis lectus id elit egestas iaculis. Aliquam in sapien. Sed eros augue, pharetra eget, ultricies eget, facilisis congue, nulla. Suspendisse eleifend. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus bibendum, lorem eget blandit scelerisque, magna ligula egestas ante, ac fringilla nisl eros vitae lacus. Morbi consectetuer ante at ante. Sed venenatis magna nec quam. In ut dolor. Cras sed lorem. Vivamus ultrices vulputate ante. In dignissim. Mauris volutpat rutrum ipsum. Aenean quis libero.
                </div>

                <div class="column c5 last">
				Suspendisse mi tellus, mattis vitae, imperdiet et, placerat vel, tellus. Morbi consectetuer ante at ante. Sed venenatis magna nec quam. In ut dolor.
                </div>

            </div>

            <hr class="space"/>

            <div class="column c33 colborder">
                <p class="info">Nam quis lectus id elit egestas iaculis. Aliquam in sapien. Sed eros augue, pharetra eget, ultricies eget, facilisis congue, nulla. Suspendisse eleifend. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus bibendum, lorem eget blandit scelerisque, magna ligula egestas ante, ac fringilla nisl eros vitae lacus. Morbi consectetuer ante at ante. Sed venenatis magna nec quam. In ut dolor.</p>

                <p>Maecenas ligula mauris, condimentum ac, fringilla vitae, fringilla vel, enim. Praesent aliquam tortor molestie neque. Praesent in tellus. Vestibulum posuere dolor vitae tellus. Fusce id magna. Pellentesque pharetra orci in sapien. Aliquam augue diam, fermentum eget, pretium sit amet, eleifend vitae, est. Vivamus luctus orci non leo. Donec sollicitudin nibh at nisi. Suspendisse lorem. </p>

                <h3>The Framework</h3>
                <div class="rax-box notice c10  left rtm ">
                    <strong>Notice Box</strong><br />
                    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque orci neque, egestas eget, fringilla at, feugiat nec, nunc. Nunc rutrum, velit vitae vehicula convallis, erat massa condimentum neque, at porttitor dui libero egestas risus.
                </div>

                <div class="rax-box success c9 left rtm">
                    <strong>Success Box</strong><br />
                    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque orci neque, egestas eget, fringilla at, feugiat nec, nunc. Nunc rutrum, velit vitae vehicula convallis, erat massa condimentum neque, at porttitor dui libero egestas risus.
                </div>

                <div class="rax-box alert c9 left rtm ">
                    <strong>Alert Box</strong><br />
                    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque orci neque, egestas eget, fringilla at, feugiat nec, nunc. Nunc rutrum, velit vitae vehicula convallis, erat massa condimentum neque, at porttitor dui libero egestas risus.
                </div>

                <hr class="space" />

                <p>Praesent aliquam tortor molestie neque. Praesent in tellus. Vestibulum posuere dolor vitae tellus. Fusce id magna. Pellentesque pharetra orci in sapien. Aliquam augue diam, fermentum eget, pretium sit amet, eleifend vitae, est. Vivamus luctus orci non leo. Donec sollicitudin nibh at nisi. Suspendisse lorem. </p>

            </div>

            <div class="column c5 last">
			Fusce et nibh sit amet magna condimentum condimentum. Fusce rutrum accumsan dui. Praesent eget dolor.
            </div>

        </div>

    </body>

</html>